<html>
<head>
<title>Bise Online Registration System</title>
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
function validate(){
	var a = document.form1;
	if(a.username.value == ""){
		alert("Username can not be empty");
		return false;
	}
	if(a.password.value == ""){
		alert("Password can not be empty");
		return false;
	}
	return true;
}
</script>
</head>
<body>
<div align="center">
	<div align = "left" class="navLeft">
     <div class="navBg">			
				<a href="registration.php">Register</a>
				<a href="UpdateSearch.php">Update</a>
				<a href="DeleteSearch.php">Delete</a>
				<a href="CourseSearch.php">View Courses</a>
				<div class="navRight"></div>
     </div>
	</div>
  <div>
  	
  <div class="FrmH"><div class="FrmTL">&nbsp;</div> <div class="FrmTR">&nbsp;</div></div>

  <div class="FrmBg">
		<div class="FrmL">
			<div class="FrmR">
				<div id="bodyArea"><div align="center">       
					<?php
							$error=$_GET['error']; //check isset
							if($error==1)
								echo "Invalid Username or Password. Please re-enter <br>";
					?>
			  	<form id = "form1" name="form1" action="login.php" method="post" onSubmit="return validate();">
                  <div align="center"><img src="images/User.jpg"> <br>
                    <font size="3"><strong>Sign In</strong></font></div>
                  <table width="100%" border="0">
                    <tr> 
                      <td width="49%" align="right">Username:</td>
                      <td width="51%"><table border="0" cellspacing="0" cellpadding="0">
                          <tr> 
                            <td><img src="images/T_Left.png"></td>
                            <td><input name="username" type="text" class="inputBg" id="username"></td>
                            <td><img src="images/T_Right.png"></td>
                          </tr>
                        </table></td>
                    </tr>
                    <tr> 
                      <td align="right">Password</td>
                      <td><table border="0" cellspacing="0" cellpadding="0">
                          <tr> 
                            <td><img src="images/T_Left.png"></td>
                            <td><input name="password" type="password" class="inputBg" id="password"></td>
                            <td><img src="images/T_Right.png"></td>
                          </tr>
                        </table></td>
                    </tr>
					<tr>
                      <td align="right" colspan="2">
                      <p align="center"><b><font size="3"><a href="INTERFACE/registration.php">Please Click Here To 
                      Register</a></font></b></td>
                    </tr>
                    <tr>
                      <td align="right">&nbsp;</td>
                      <td><input name="signIn" type="submit" class="buttonBg" id="signIn" value="Sign In"></td>
                    </tr>
                  </table>
                </form>
			  <p>&nbsp;</p>
                </div>
                
              </div>
			</div>
	</div>
  </div>
  <!---------------------------------->
 <div class="FrmB"><div class="FrmBL">&nbsp;</div> <div class="FrmBR">&nbsp;</div></div>
 <!---------------------------------->
</div>
</div>
</div>
</body>
</html>